<template>
  <div class="reserve-manager">
    <el-tabs class="demo-tabs"  :stretch="true" v-model="activeTab">
      <el-tab-pane label="我的预约" name="first">
        <ReserveTable></ReserveTable>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import ReserveTable from "./reserveTable.vue"
import { ref } from 'vue';

const activeTab = ref('first');
</script>

<style scoped>
.reserve-manager {
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}

.content-wrapper {
  height: auto;
  min-height: 0;
}

.card-title {
  font-size: 28px;  /* 增大字体大小 */
  font-weight: 600; /* 加粗字体 */
  margin-bottom: 20px;
  color: #303133;   /* 更深的颜色 */
}

.demo-tabs{
  margin-top: 20px;
}
:deep(.el-tabs__item) {
  font-size: 26px;
}
</style>
